<html>
<link rel="stylesheet" href="css/viewer.min.css">
<style>
* {
	margin: 0;
	padding: 0;
	text-align: center;
}

#imgs {
	width: 1200px;
	margin: 0 auto;
}

#imgs li {
	list-style: none;
	display: inline-block;
}
</style>
<body>
	<h1>SHOW IMAGES</h1>

	<ul id="imgs">
		<#list imgsList as list>
		<li><img width="200px"
			src="${nginxAddr}${list.imgPath?substring(5)}" /> <br>
			${list.imgName}</li> </#list>
	</ul>
	<#include "inc/music.ftl"/>
	<#include "inc/footer.ftl"/>

	<script src="js/viewer.min.js"></script>
	<script>
		var viewer = new Viewer(document.getElementById('imgs'), {
			url : 'src'
		});
		viewer.show();
	</script>
</body>
</html>